<template>
  <div class="about">
    <h1>This is an about page</h1>
    <router-link to="/home/about/aboutgs">关于公司</router-link>
    <router-link to="/home/about/aboutwh">关于文化</router-link>

    <!-- 谨慎使用！ -->
    <!-- <router-link to="aboutgs" append>关于公司</router-link>
    <router-link to="aboutwh" append>关于文化</router-link> -->
    <!-- <div>
      解构赋值的使用：
      <template v-slot:default="{ href, route, navigate, isActive, isExactActive }">
       <i>{{slotProps.href}}</i>
        <i>{{href}}</i>
      </template>
    </div> -->
    <hr />
    <router-view></router-view>
  </div>
</template>
<script>
</script>
<style>
.router-link-active {
  background-color: rgb(5, 190, 129);
  margin-right: 20px;
}
</style>
